<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../../css/head.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/my/message.css"/>
</head>
<style type="text/css">
    .mui-table-view-cell > a:not(.mui-btn) {
        margin: -5px -15px;
    }

    .mui-ellipsis.firstline {
        margin-bottom: 8px;
        margin-top: 16px;
        color: black;
    }

    .mui-table-view .mui-media-object.mui-pull-left {
        margin-top: 3px;
    }

    .little_round {
        width: 8px;
        height: 8px;
        background: red;
        border-radius: 50%;
        position: absolute;
        left: 10px;
        top: 16px;
    }

    .mui-media-body {
        font-size: 14px;
    }

    .none {
        width: 55%;
        position: fixed;
        top: 30%;
        left: 22.5%;
        text-align: center;
    }

    .none img {
        width: 100%;
    }
</style>

<body>
<header class="mui-bar mui-bar-nav" style="background: #55555D">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
    <h1 class="mui-title">消息中心</h1>
</header>
<div class="mui-content">
    <!--<div class="none">
    <img  src="../../img/my/img-jilu@3x.png"/>
    <sapn>您还没有消息哦!</sapn>

    </div>-->
    <ul class="mui-table-view" style="margin: 0;">
        <li class="mui-table-view-cell mui-media">

                <img class="mui-media-object mui-pull-left" src="../../img/my/icon_message_gg.png">
                <div class="mui-media-body">
                    <p class="mui-ellipsis firstline">公告</p>
                    <p class="mui-ellipsis"></p>
                </div>

            <div class="little_round notice" id="1"></div>
        </li>
        <li class="mui-table-view-cell mui-media">
                <img class="mui-media-object mui-pull-left" src="../../img/my/icon_message_activity.png">
                <div class="mui-media-body">
                    <p class="mui-ellipsis firstline">活动</p>
                    <p class="mui-ellipsis"></p>
                </div>

            <div class="little_round activity" id="0"></div>
        </li>
    </ul>
</div>
<script src="../../js/mui.min.js"></script>
<script src="../../js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/wy.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/util.js"></script>
<script src="../../js/my/message.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    mui.init();
    //           mui.back=function(){
    //           	window.location.href='../../HTML/home/home.html'
    //           }
</script>
</body>

</html>